<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Crest Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" href="images/logo icon.png" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="css_pirobox/style_2/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/cycle.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<script type="text/javascript" src="scripts/cufon.js"></script>
<script type="text/javascript" src="scripts/cufon.font.js"></script>
<script type="text/javascript" src="scripts/vcard.packed.js"></script>
<script type="text/javascript" src="scripts/vtip.js"></script>
<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="scripts/init.js"></script>
<!--======================Scroller Start=============================-->

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 
	<script type="text/javascript" src="js/jquery.quicksand.js"></script> 
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
	<script type="text/javascript" src="js/script.js"></script>
    
    
    

<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/pirobox_extended.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$().piroBox_ext({
	piro_speed : 700,
		bg_alpha : 0.5,
		piro_scroll : true // pirobox always positioned at the center of the page
	});
});
</script>
    
    
    
    
    
  <script type="text/javascript" src="scripts/iscroll.js"></script>  
    
   <script type="text/javascript">

var myScroll;
function loaded() {
	myScroll = new iScroll('wrapperscroll');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

/* * * * * * * *
 *
 * Use this for high compatibility (iDevice + Android)
 *
 */
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);
/*
 * * * * * * * */


/* * * * * * * *
 *
 * Use this for iDevice only
 *
 */
//document.addEventListener('DOMContentLoaded', loaded, false);
/*
 * * * * * * * */


/* * * * * * * *
 *
 * Use this if nothing else works
 *
 */
//window.addEventListener('load', setTimeout(function () { loaded(); }, 200), false);
/*
 * * * * * * * */

</script>

<!--======================Scroller END--===========================-->
<!--[if lt IE 8]><script> iexplorer = 1; </script><![endif]--><meta name="title" content="Crest Design" />
<meta name="description" content="description" />
<link rel="image_src" type=" image/jpeg" href="images/vcard/profile.jpg" />
<link rel="stylesheet" href="./css/prettyPhoto.css" type="text/css" media="screen"/>

</head>
   <body>

<!-- Wrapper --><div id="wrapper">
	<!-- Vcard --><div id="vcard">
		<div class="clearpx"></div>


<!-- Header -->
   <div id="header">
   	<div id="logo">Crest Design</div>
		<ul id="menu">
			<li class="active"><a href="#home">About me</a></li>
			<li><a href="#skills">Skills</a></li>
   			
   			<li><a href="#contact">Contact</a></li>
		</ul>
	</div><!-- End Header -->

	<hr/>

		<!-- Content --><div id="content">

<!-- Scroller -->
   <div id="scroller">
	<!-- Menu Home -->
	<div id="menu_home" class="contentitem">
		<div class="main">
			<div class="pagetitle">Crest Design - Welcome</div>
   <h1>‘Hello. Crest Design is a Sophisticated Design agency that offering end-to-end<br> web/Graphic/VFX and creative solutions with Simplicity. our rich expertise<br> & experience enables us to offer you quality services & solutions at the<br> most affordable rates.’ </h1>
   <p>Based in Mubmai, India, as a Graphic | Web | VFX agency.<br> We provide website development, website Designing, Corporate Identity,<br> Logo designing, Broucher Designing, Flash Presentation,<br> Video Editing/Composting and more.</p>
	<p>In 2012 we started Crest Design with a mission to provide high quality<br> design services, We have the knowledge, experiance and the network to<br> meet the heighest expectations of our clients. To deliver that experience,<br> we have three criteria for each system we design. </p>
	<p>I invite you to<a class="button" href="#contact">Contact me</a> to let me know how i might help you.</p>
			</div>

	<div class="sidebar">
		<h2>We are Best in</h2>
			<ul>
				<li>Logo design</li>
				<li>Corporate identity</li>
				<li>Web design</li><br />
				<li>Graphic Design</li>
				<li>Video Editting/Compositing</li>
			</ul>

		<hr class="spacer"/>

		
		</div>
	</div><!-- End Menu Home -->

	<div id="menu_skills" class="contentitem">
			<div class="pagetitle">Crest Design - Skills</div>
				<div class="main">
		
			
     

<iframe src="portflio.html" width="500" height="300"></iframe>

    
        
				</div>

		<div class="sidebar">

		<h2>We are Best in</h2>
			<ul>
				<li>Logo design</li>
				<li>Corporate identity</li>
				<li>Web design</li><br />
				<li>Graphic Design</li>
				<li>Video Editting/Compositing</li>
			</ul>
		</div>
	</div><!-- Menu Work -->

		<div id="menu_work" class="contentitem">
			<div class="pagetitle">Crest Design - My Work</div>

				<ul class="navigation" id="worknavigation">
					<li>here comes menu</li>
				</ul>
                
                
		 <div id="wrapa">
		<!-- Category Filter -->

	<!-- Portfolio Items -->
    
    <div id="wrapperscroll">

    <div id="slidescrol">
    
	<ul id="thelist" class="portfolio group"> 
		<li class="item" data-id="id-1" data-type="hannah">
			<a href="images/hannah_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/hannah_yg_thumb.jpg" width="120" height="70" alt="Yulia Gorbachenko, Hannah 1" /></a>
		</li> 
		<li class="item" data-id="id-2" data-type="hair">
			<a href="images/prettyPhoto/BIG IMG/Compute bazar 1-01.jpg" rel="prettyPhoto[portfolio]"><img src="images/prettyPhoto/THUM/Compute bazar LOGO-01.jpg" width="100" height="70" alt="Yulia Gorbachenko, Hair 1" /></a>
		</li>
		<li class="item" data-id="id-3" data-type="hair">
			<a href="images/prettyPhoto/BIG IMG/LOGO_2.swf" class="pirobox_gall1" rel="iframe-480-360" ><img src="images/prettyPhoto/THUM/MothreCreation.PNG" width="210" height="130" alt="MothreCreation" /></a>
		</li>
		<li class="item" data-id="id-4" data-type="traction">
			<a href="images/heather_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/heather_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Traction 1" /></a>
		</li>
		<li class="item" data-id="id-5" data-type="traction">
			<a href="images/heather_yg_2.jpg" rel="prettyPhoto[portfolio]"><img src="images/heather_yg_2_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Traction 1" /></a>
		</li>
		<li class="item" data-id="id-6" data-type="beauty">
			<a href="images/grace_yg_2.jpg" rel="prettyPhoto[portfolio]"><img src="images/grace_yg_2_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Beauty 2" /></a>
		</li>
		<li class="item" data-id="id-7" data-type="wavelength">
			<a href="images/mikaela_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/mikaela_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 1" /></a>
		</li>
		<li class="item" data-id="id-8" data-type="onfire">
			<a href="images/britt_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/britt_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, On Fire 1" /></a>
		</li>
		
		<li class="item" data-id="id-10" data-type="hair">
			<a href="images/amanda_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/amanda_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Hair 3" /></a>
		</li>
		<li class="item" data-id="id-11" data-type="onfire">
			<a href="images/britt_yg_3.jpg" rel="prettyPhoto[portfolio]"><img src="images/britt_yg_3_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, On Fire 3" /></a>
		</li>
        
             
         <li class="item" data-id="id-9" data-type="onfire">
			<a href="images/gisela_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/gisela_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, On Fire 2" /></a>
		</li>
        
        <li class="item" data-id="id-9" data-type="onfire">
			<a href="images/britt_yg_2.jpg" rel="prettyPhoto[portfolio]"><img src="images/britt_yg_2_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, On Fire 2" /></a>
		</li>
       
 
        
        
		<li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/property Exhibition yblue.jpg" rel="prettyPhoto[portfolio]"><img src="images/property Exhibition yblue_thum.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        
        
        
        
        <li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/bianca_yg.jpg" rel="prettyPhoto[portfolio]"><img src="images/bianca_yg_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        
        <li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/5_final-01.jpg" rel="prettyPhoto[portfolio]"><img src="images/5_final-01 thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        
        <li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/DIREECTORY COVER PAGE.jpg" rel="prettyPhoto[portfolio]"><img src="images/DIREECTORY COVER PAGE_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        
        <li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/mikaela_yg_2.jpg" rel="prettyPhoto[portfolio]"><img src="images/mikaela_yg_2_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        
        <li class="item" data-id="id-12" data-type="wavelength">
			<a href="images/Note pad Cover.jpg" rel="prettyPhoto[portfolio]"><img src="images/Note pad Cover_thumb.jpg" width="210" height="130" alt="Yulia Gorbachenko, Wavelength 2" /></a>
		</li>
        
        

   
        
        
	</ul>
    
</div>

</div>

  </div>
		
		<!-- work mask --><div id="workmask">
				<div id="workscroller">
					
				</div>
		</div><!-- End work mask -->
	</div><!-- End menu work -->


		<!-- Menu Networks --><div id="menu_networks" class="contentitem">
			<div class="pagetitle">Crest Design - Networks</div>
		<h1>Let's connect...</h1>

			
			</div><!-- End Menu Networks -->

		<!-- Menu Contact --><div id="menu_contact" class="contentitem">
			<div class="pagetitle">Crest Design - Let's chat</div>
				<div class="main contact">

		
			<div id="email_form">
            
					<iframe allowtransparency="true" src="http://www.jotform.me/form/20891070372450" frameborder="0" style="width:100%; height:400px; border:none;" scrolling="no">
</iframe>


			</div>
            <div id="contactRIGHT">
           	  <img src="images/vcard/contact.png"  /></div><!--contactRIGHT END-->
			
					<div id="email_send">
						<h2>Your email has been sent!</h2>
						<p>I'll get back to you as soon as possible.<br/>In the meanwhile check out my <a href="#networks">social network profiles</a>.</p>
					</div>
				</div>

				<div class="sidebar">	
			<h2>Crest Design</h2>

           <p> Email: <a href="mailto:khanashraf27@gmail.com">khanashraf27@gmail.com</a><br><br/>
            Website: <a href="http://www.crestdesign.vacau.com">crestdesign</a><br/><br>
            Contact No: 9004953373</p>
            
            
            
      
        
        
        
	</div>
 	</div><!-- End Menu Contact -->
	</div><!-- End Scroller -->
	</div><!-- End Content -->
	</div>
	<!-- End Vcard -->
	</div><!-- End Wrapper -->


</body>
</html>